﻿<link href="/content/css/handsontable.min.css" rel="stylesheet" media="screen">
<script src="/scripts/jquery-1.9.1.min.js"></script>
<script src="/scripts/handsontable/handsontable.min.js"></script>
<script>
    $(function () {
        var container = document.getElementById('example1'), hot;
        hot = new Handsontable(container, {
            data: getCarData(),
            fillHandle: true,
            colHeaders: ['Car', 'Model', 'Registration date', 'Price'],
            columns: [
              {
                  type: 'autocomplete',
                  source: ['Audi', 'BMW', 'Chrysler', 'Citroen', 'Mercedes', 'Nissan', 'Opel', 'Suzuki', 'Toyota', 'Volvo'],
                  strict: false
              },
              {
                  // 2nd cell is simple text, no special options here
              },
              {
                  type: 'date',
                  dateFormat: 'MM/DD/YYYY',
                  correctFormat: true,
                  defaultDate: '01/01/1900'
              },
              {
                  type: 'numeric',
                  format: '$ 0,0.00'
              }
            ]
        });
    });
</script>

<div>
    <div id="example1"></div>
</div>
